<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/lib/layui-v2.5.5/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/User/user_login.css}">
    <script th:src="@{/js/UserJs/User_login.js}" charset="utf-8"></script>
</head>

<body>
<div class="main-body">
    <div class="login-main">
        <div class="login-top">
            <p onclick="show(1)" id="phoneLogin">手机登录</p>
            <p onclick="show()" id="emailLogin">邮箱登录</p>
        </div>
        <div id="login">
            <div id="phone" >
                <form class="layui-form login-bottom" action="/login" method="post">
                    <div class="center">
                        <div class="item" >
                            <span class="layui-icon layui-icon-cellphone" style="font-size:20px; color: #A6B6D6;"></span>
                            <input type="text" class="inputs" name="phone" lay-verify="required"  placeholder="请输入登录账号" maxlength="24" style="padding-left: 12px; padding-top:3px; font-size: 18px;"/>
                        </div>
                        <div class="item">
                            <span class="layui-icon layui-icon-password" style="font-size:20px; color: #A6B6D6;"></span>
                            <input type="password" class="inputs" name="password" lay-verify="required"  placeholder="请输入密码" maxlength="20" style="padding-left: 12px; padding-top: 5px; font-size: 18px;"/>
                        </div>
                    </div>
                    <div class="tip">
                        <a onclick="openlogin()">用户注册</a>
                        <a href="" class="forget-password">忘记密码？</a>
                    </div>
                    <div class="layui-form-item" style="text-align:center; width:100%;height:100%;margin:0px;">
                        <input type="submit" class="login-btn" value="登录" />
                    </div>
                </form>
            </div>

            <div id="mail">
                <form class="layui-form login-bottom" action="/login" method="post">
                    <div class="center">
                        <div class="item" >
                            <span class="layui-icon layui-icon-user" style="font-size:20px; color: #A6B6D6;"></span>
                            <input type="text" name="email" class="inputs"  id="email" lay-verify="required"  placeholder="请输入您的邮箱" maxlength="24" style="padding-left: 12px; padding-top:3px; font-size: 18px;"/>
                        </div>
                        <div class="item">
                            <span class="layui-icon layui-icon-vercode" style="font-size:20px; color: #A6B6D6;"></span>
                            <input type="text" class="inputsEmail" name="verifycode"  placeholder="请输入验证码! "style="padding-left: 12px; padding-top:3px; font-size: 18px;"/>
                            <button type="button" id="sendMail" class="layui-btn layui-btn-normal" onclick="sendCode()">发送</button>
                        </div>
                    </div>
                    <div class="tip">
                        <a onclick="openregister()">用户注册</a>
                    </div>
                    <div class="layui-form-item" style="text-align:center; width:100%;height:100%;margin:0px;">
                        <input type="submit" class="login-btn" value="登录" />
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    世界美好与你环环相扣!<span class="padding-5"></span><a target="_blank" href="http://www.miitbeian.gov.cn"></a>
</div>
</body>
</html>